import "./index.less";

function UserCard(props: any) {
  const { info } = props;
  return (
    <>
      <div className="user-title flex-base">
        <img className="avatar-big" src={info.avatar} />
        <div className="user-title-main">
          <div className="flex-base">
            <p>{info.name}</p>
            <p
              className={
                info.is_online
                  ? "status-content"
                  : "status-content status-content-offline"
              }
            >
              {info.is_online ? "在线" : "离线"}
            </p>
          </div>
          <div className="user-title-main-id">ID: {info.oid}</div>
        </div>
      </div>
    </>
  );
}
export default UserCard;
